<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="style/rerset.css">
    <link rel="stylesheet" href="style/common.css">
    <link rel="stylesheet" href="style/index.css">
</head>
<body>
    <header class="header rel">
        <div class="city fff flex jc-c aic abs">
            <span>城市</span><img src="imgs/downicon.png" alt="">
        </div>
        <p class="point flex jc-c abs">
            <i class="mr-5"></i>
            <i class="mr-5 act"></i>
            <i></i>
        </p>
    </header>
    <div class="list">
        <div class="card flex jc-sa ">
            <img src="imgs/p1.jpg" alt="" width="66px" height="90px">
            <div class="text fg1 flex fdc jc-sa pl-10 f18">
                <p> 流浪地球 <span class="DD f12 fff">2D</span></p>
                <p> 回观众评分 7</p>
                <p> 主演:布莱恩-辛格 拉米-马雷克</p>
                <p> 英国美国 | 135分钟</p>
            </div>
            <div class="buy flex jc-c aic">购票</div>
        </div>
        <div class="card flex jc-sa ">
            <img src="imgs/p2.jpg" alt="" width="66px" height="90px">
            <div class="text fg1 flex fdc jc-sa pl-10 f18">
                <p> 飞驰人生 <span class="DD f12 fff">2D</span></p>
                <p> 回观众评分 7</p>
                <p> 主演:布莱恩-辛格 拉米-马雷克</p>
                <p> 英国美国 | 135分钟</p>
            </div>
            <div class="buy flex jc-c aic">购票</div>
        </div><div class="card flex jc-sa ">
            <img src="imgs/p3.jpg" alt="" width="66px" height="90px">
            <div class="text fg1 flex fdc jc-sa pl-10 f18">
                <p> 阿丽塔：战斗天使 <span class="DD f12 fff">2D</span></p>
                <p> 回观众评分 7</p>
                <p> 主演:布莱恩-辛格 拉米-马雷克</p>
                <p> 英国美国 | 135分钟</p>
            </div>
            <div class="buy flex jc-c aic">购票</div>
        </div><div class="card flex jc-sa ">
            <img src="imgs/p4.jpg" alt="" width="66px" height="90px">
            <div class="text fg1 flex fdc jc-sa pl-10 f18">
                <p> 绿色书 <span class="DD f12 fff">2D</span></p>
                <p> 回观众评分 7</p>
                <p> 主演:布莱恩-辛格 拉米-马雷克</p>
                <p> 英国美国 | 135分钟</p>
            </div>
            <div class="buy flex jc-c aic">购票</div>
        </div><div class="card flex jc-sa ">
            <img src="imgs/p5.jpg" alt="" width="66px" height="90px">
            <div class="text fg1 flex fdc jc-sa pl-10 f18">
                <p> 夏目友人帐 <span class="DD f12 fff">2D</span></p>
                <p> 回观众评分 7</p>
                <p> 主演:布莱恩-辛格 拉米-马雷克</p>
                <p> 英国美国 | 135分钟</p>
            </div>
            <div class="buy flex jc-c aic">购票</div>
        </div>
    </div>
    <div class="ft flex jc-sa aic fixed">
        <div class="flex fdc  aic act"><img src="imgs/电影.png" alt="" width="22px" height="22px"><span class="pt-5">电影</span></div>
        <div class="flex fdc  aic"><img src="imgs/影院.png" alt="" width="22px" height="22px"><span class="pt-5">影院</span></div>
        <div class="flex fdc  aic"><img src="imgs/特惠.png" alt="" width="22px" height="22px"><span class="pt-5">优惠</span></div>
        <div class="flex fdc  aic"><img src="imgs/我 的.png" alt="" width="22px" height="22px"><span class="pt-5">我的</span></div>
    </div>
</body>
</html>